<template lang="html">
	<div class="row">
		<h4>二级路由</h4>
		<ul class="list-group col-sm-3">
			<router-link active-class='act' :to="{name:'par',params:{id},query:{page:page,pagesize:pagesize}}" class="list-group-item" tag="li">
				路由参数

			</router-link>
			<router-link active-class='act' :to="{path:'/router/child'}" class="list-group-item" tag="li">
				购物车demo
			</router-link>
		</ul>
		<div class="col-sm-8">
			<router-view></router-view>
		</div>
	</div>
</template>
<script>
	export default{
		data(){
			return {
				page:10,
				pagesize:22,
				id:99999999999999
			}
		}
	}
</script>
<style scoped="">
	.act{
	    background:#333;
	    color:#fff;
	}
</style>
